day29【主題七：邊界範圍】

第 11 屆 iThome 鐵人賽

DAY 29

自我挑戰組

11th鐵人賽

787 瀏覽

邊界範圍（margin）：

邊界範圍margin：指元素周圍生成額外的空白區。（透明的）
邊界重疊：指兩個以上的邊界範圍，互相重疊，只留下最大邊界範圍的過程。
親代元素的內聚和邊框能中止邊界重疊的效果。（p380）
元素浮動或定位時,不會出現margin合併效果。
margin接受負值，可以讓元素凸出親代元素。
margin在塊級元素下可以完全體現，上下左右都可以設定。
塊級元素的margin的參照基準是前一個元素即相對於自身之前的元素有margin距離。(具有邊距重疊）
margin用於內聯元素，margin-top和margin-bottom對內聯元素的高度沒有影響。(會影響內聯元素高度的是line-height而不是height)
margin用於佈局分開元素使元素與元素互不相干；padding用於元素與內容之間的間隔，讓內容（文字）與（包裹）元素之間有一段“呼吸距離”。
不要告訴我你懂margin
用Margin還是用Padding？